{{! The image uses the Image element's markup and styles ("requires": ["image"]): its shape, rounded corners, text on the image and link with the arrow (ADR 0026). }}
<div {{@attrs}}><div class="sv-about__media">{{#image.url}}<figure class="sv-image sv-image--aspect-{{imageShape}} sv-about__image{{#imageCorners}} sv-round-{{imageCorners}}{{/imageCorners}}">{{#imageLink.url}}<a class="sv-image__frame sv-image__link" href="{{imageLink.url}}"{{#imageLink.newTab}} target="_blank" rel="noopener noreferrer"{{/imageLink.newTab}}>{{/imageLink.url}}{{^imageLink.url}}<span class="sv-image__frame">{{/imageLink.url}}<img class="sv-image__img wp-image-{{image.id}}" src="{{image.url}}" alt="{{image.alt}}"{{#image.width}} width="{{image.width}}" height="{{image.height}}"{{/image.width}} loading="lazy" decoding="async">{{#imageText}}<span class="sv-image__text sv-image__text--{{imageTextSize}}"{{@edit imageText}}>{{imageText}}</span>{{/imageText}}{{#imageLink.url}}<span class="sv-image__arrow" aria-hidden="true"></span></a>{{/imageLink.url}}{{^imageLink.url}}</span>{{/imageLink.url}}</figure>{{/image.url}}{{^image.url}}{{@placeholder image}}{{/image.url}}</div><div class="sv-about__content">{{#eyebrow}}<p class="sv-about__eyebrow"{{@edit eyebrow}}>{{eyebrow}}</p>{{/eyebrow}}<h2 class="sv-about__title"{{@edit title}}>{{{title}}}</h2><div class="sv-about__text"{{@edit text}}>{{{text}}}</div><dl class="sv-about__stats">{{#stats}}<div class="sv-about__stat"><dt class="sv-about__stat-label"{{@edit stats.label}}>{{label}}</dt><dd class="sv-about__stat-value"{{@edit stats.value}}>{{value}}</dd></div>{{/stats}}</dl>{{#button.label}}<div class="sv-button sv-button--variant-primary">{{#button.link.url}}<a class="sv-button__control{{#button.arrow}} sv-button__control--arrow{{/button.arrow}}{{#button.icon}} sv-button__control--icon{{#button.iconEnd}} sv-button__control--icon-end{{/button.iconEnd}} sv-glyph-{{button.icon}}{{/button.icon}}" href="{{button.link.url}}"{{#button.link.newTab}} target="_blank" rel="noopener noreferrer"{{/button.link.newTab}}{{@edit button.label}}>{{button.label}}</a>{{/button.link.url}}{{^button.link.url}}<span class="sv-button__control{{#button.arrow}} sv-button__control--arrow{{/button.arrow}}{{#button.icon}} sv-button__control--icon{{#button.iconEnd}} sv-button__control--icon-end{{/button.iconEnd}} sv-glyph-{{button.icon}}{{/button.icon}}"{{@edit button.label}}>{{button.label}}</span>{{/button.link.url}}</div>{{/button.label}}</div></div>